<!-- progress-bar.vue -->
<template>
  <view class="progress-bar">
    <view class="progress" :style="{ width: `${progress * 100}%` }"></view>
  </view>
</template>

<script>
export default {
  props: {
    progress: {
      type: Number,
      default: 0,
    },
    duration: {
      type: Number,
      default: 0,
    },
    disabled: {
      type: Boolean,
      default: false,
    },
  },
};
</script>

<style scoped>
.progress-bar {
  position: absolute;
  top: 94%;
  width: 100%;
  height: 2px;
  background-color: #b1b1b1;
  overflow: hidden;
}

.progress {
  height: 100%;
  background-color: #FFFFFF;
}
</style>